<%-- 
    Document   : halaman_reservasi
    Created on : Nov 24, 2011, 10:57:20 AM
    Author     : hafiz anshori
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>

<title>Reservasi SiReRe</title>
<link rel="shortcut icon" href="img/reservasi.ico">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
.nama {
	text-align: left;
	color: #630;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: small;
	font-weight: bold;
}
.nama tr {
	font-size: medium;
}
.nama tr {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.nama tr {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.untuk {
	font-family: "Lucida Console", Monaco, monospace;
}
.untuk {
	font-size: medium;
}
.untuk {
	font-weight: bold;
}
body {
	background-color: #0CF;
	background-image: url(img/1305868533-funny-burger-threadless-wallpaper.jpg);
}
.silahkan {
	font-weight: bold;
	color: #FF0;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: larger;
}
.silahkan {
	color: #F60;
}
.reservasi {
	color: #CF0;
}
.untuk {
	color: #9F0;
}
.silahkan {
	color: #CF0;
	font-size: 36px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.untuk {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.nama tr th {
	font-size: small;
}
#footer p {
	font-weight: bold;
}
</style>
    </head>
<body>
<form name="form1" method="post" action="">
          <p class="silahkan">Silahkan <span class="reservasi">Reservasi .... :-)</span></p>
    </form>
    <form name="form2" method="post" action="">
          <img src="img/header-reservation.jpg" width="1099" height="184" alt="reservasi">
    </form>
        <p></p>
        <form name="form3" method="post" action="">
          <span class="untuk">          Untuk reservasi tempat yang kamu inginkan, dapat mengisi <em>form</em> terlebih dahulu di bawah ini ;-)          </span>
</form>
        <p></p>
        <form name="form4" method="post" action="Dispatcher?page=menu">
          <table width="685" border="0" class="nama">
            <tr bgcolor="#FFFF33">
              <th width="294" bgcolor="#FFFF66" scope="row">Nama</th>
              <td width="10" bgcolor="#FFFF66">:</td>
              <td width="367" bgcolor="#FFFF66"><label for="nama"></label>
              <input name="nama" type="text" id="nama" size="25" maxlength="25"></td>
            </tr>
            <tr bgcolor="#FFFF33">
              <th bgcolor="#FFFF66" scope="row">No. Telepon/No. HP</th>
              <td bgcolor="#FFFF66">:</td>
              <td bgcolor="#FFFF66"><label for="nomor tlp"></label>
              <input name="nomor tlp" type="text" id="nomor tlp" size="25" maxlength="25"></td>
            </tr>
            <tr bgcolor="#FFFF33">
              <th bgcolor="#FFFF66" scope="row">E-mail</th>
              <td bgcolor="#FFFF66">:</td>
              <td bgcolor="#FFFF66"><label for="email"></label>
              <input name="email" type="text" id="email" size="25" maxlength="25"></td>
            </tr>
            <tr bgcolor="#FFFF33">
              <th bgcolor="#FFFF66" scope="row">Reservasi Untuk</th>
              <td bgcolor="#FFFF66">:</td>
              <td bgcolor="#FFFF66"><label for="textfield4"></label>
              <label for="reservasi"></label>
              <select name="reservasi" size="1" id="reservasi">
                  <option value = "1">Sharing Table</option>
                <option value = "2">Family Table</option>
                <option value = "3">Meeting Table</option>
                <option value = "4">Super Table</option>
              </select></td>
            </tr>
            <tr bgcolor="#FFFF33">
              <th bgcolor="#FFFF66" scope="row">Tanggal &amp; Waktu</th>
              <td bgcolor="#FFFF66">:</td>
              <td bgcolor="#FFFF66"><label for="tanggal"></label>
              <input name="tanggal" type="text" id="tanggal" size="25" maxlength="25"></td>
            </tr>
             <tr bgcolor="#FFFF33">
              <th bgcolor="#FFFF66" scope="row">Acara</th>
              <td bgcolor="#FFFF66">:</td>
              <td bgcolor="#FFFF66"><label for="acara"></label>
              <input name="email" type="text" id="acara" size="25" maxlength="25"></td>
            </tr>
            <tr bgcolor="#FFFF33">
              <th bgcolor="#FFFF66" scope="row">Spesial Permintaan</th>
              <td bgcolor="#FFFF66">:</td>
              <td bgcolor="#FFFF66"><p>
                <label for="spesial permintaan"></label>
                <textarea name="spesial permintaan" id="spesial permintaan" cols="50" rows="10"></textarea>
              </p></td>
            </tr>
            <tr bgcolor="#FFFF33">
              <th bgcolor="#FFFF66" scope="row">Jumlah orang</th>
              <td bgcolor="#FFFF66">:</td>
              <td bgcolor="#FFFF66"><label for="jumlah"></label>
              <input name="email" type="text" id="jumlah" size="25" maxlength="25"></td>
            </tr>
          </table>
          <p>&nbsp;</p>
          <p>
            <input type="submit" name="Reservasi" id="Reservasi" value="Reservasi ">
           
          </p>
          <p>&nbsp;</p>
</form>
<p>
    <form name="form4" method="post" action="Dispatcher?page">
         <p>
           <input type="submit" name="Batal" id="Batal" value="Batal">
         </p>
         <p>&nbsp;</p>
    </form>
</p>
        <p>&nbsp;</p>
        <div id="footer">
          <p>©2012 SiReRe. Design by <a href="http://www.bibabibabibah.tumblr.com/templates.html">Kelompok 14</a> for <a href="http://www.bibabibabibah.tumblr.com">RBPL B</a></p>
          <ul>
            <li><a href="Dispatcher?page">Home</a></li>
            <li><a href="Dispatcher?page=about">SiReRe</a></li>
            <li><a href="Dispatcher?page=reservasi">Menu &amp; Reservasi </a></li>
            <li><a href="Dispatcher?page=contact">Kontak Kami</a></li>
          </ul>
        </div>
        <p></p>
</body>
</html>
